// 声明了一个全局变量
// $fontColor:brown;
$fontColor:green;

.border{
  // border: 3px solid brown; 
  border: 3px solid $fontColor; 

}
.title {
  background-color: #999;
  color: white;
  span{
    color: $fontColor;
  }
  .border{
    border-color: blue;
  }
}
.btn{
  // $color:orange;
  $color:red;
  background-color: $color;
  // 通过&表示父选择器
  &:active{
    background-color: darken($color, 10)
  }
}